$yellow: #F5A623;

.fixed-modal-content {
	position: relative;
	margin: 100px auto;
	z-index: 10;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	padding: 20px 30px;
	width: 500px;  


	.close-modal {
		display: block;
		position: absolute;
		top: 0px;
		right: 0;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px; 
		cursor: pointer;

		i {
			font-family: 宋体;
			font-style: normal;
			font-size: 40px;
		}
	}

	.center-title {
		font-size: 18px;
		color: #000000;
		margin-bottom: 20px;
		text-align: center;
	}

	.form-title {
		font-size: 18px;
		margin-bottom: 20px;

		.small {
			font-size: 14px;
		}
	}

	.btn-wrap {
		text-align: center;
		.btn {
			margin-right: 30px;

			&:last-child {
				margin-right: 0;
			}
		}
	}

	& + .btn-wrap {
		padding-top: 0;
	}

	.form-item {
		width: 100%;
		margin-bottom: 20px;

		.item-label {
			display: block;
			margin-bottom: 10px;
		}

		.input-wrap {
			width: 100%;

			select,
			textarea,
			& > input {
				height: 100%;
				line-height: 33px;
				height: 35px;
				/*border: 1px solid #BCBCBC;*/
				border: 1px solid #CEE1DC;
				border-radius: 2px;
				background: #fff;
				width: 100%;
				outline: none;
				padding: 0 10px;
				display: block;

				&:active,
				&:focus {
					border-color: $yellow;
				}
			}

			textarea {
				height: 80px;
				resize: none;
				overflow: auto;
				line-height: 20px;
				padding-top: 8px;
				padding-bottom: 8px;
			}
		}

		&.full-width {

			textarea {
				width: 100%;
				height: 195px;
				padding: 10px;
				outline: none;
				resize: none;
				line-height: 20px;
				overflow: auto;
				
				&:active {
					border-color: $yellow;
				}
			}
		}
	} 
}
 

.fixed-modal-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 101;
	overflow-x: hidden;
	overflow-y: auto;

	.modal-content {
		position: relative;
		margin: 100px auto;
		z-index: 10;
		background: #FFFFFF;
		border: 1px solid #E5E5E5;
		border-radius: 3px;
		padding: 20px 30px;
		// width: 500px;  


		.close-modal {
			display: block;
			position: absolute;
			top: 0px;
			right: 0;
			width: 30px;
			height: 30px;
			text-align: center;
			line-height: 30px; 
			cursor: pointer;

			i {
				font-family: 宋体;
				font-style: normal;
				font-size: 40px;
			}
		}
	}

	.confirm-print {
		transition: all .5s;
		cursor: pointer;
		position: fixed;
		z-index: 101;
		padding: 6px 15px;
		top: 50px;
		right: 100px; 
		border: 1px solid #ccc;
	    border-radius: 8px;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px; 
	    background: rgba(250, 250, 250, 0.75);
	    background: #E5E5E5\9;

	    &:hover {
	    	background: rgba(250, 250, 250, 1);
	    	background: #E3E3E3\9;

	    }
	}

	.print-page-data {
		border-bottom: 1px solid #E5E5E5;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

.body-prevent-scroll {
	overflow: hidden;
}

.fixed-modal-musk {
	@extend .fixed-modal-wrap;
	z-index: 99;
	background: #000;
	opacity: .7;
	filter: alpha(opacity = 70); 
}